<include file="Public/header" />
<style>
  .tab-content,
  .tab-content pre {
    font-size: 14px;
  }

  .tab-content strong {
    color: #E56818;
  }
</style>

<div class="met-position  pattern-show">
  <div class="container">
    <div class="row">
      <ol class="breadcrumb">
        <li>
          <a href="./" title="网站首页">
            <i class="icon wb-home" aria-hidden="true"></i>网站首页 </a>
        </li>
        <li class="dropdown">
          <a href="{:U('productList')}" title="小顽童系列"> 小顽童系列 </a>
        </li>
      </ol>
    </div>
  </div>
</div>

<div class="page met-showproduct pagetype1">

  <div class="met-showproduct-head">
    <div class="container grey-box">
      <div class="row">
        <div class="col-md-7">
          <div class='met-showproduct-list fngallery text-center slick-dotted' id="met-imgs-carousel">

            <foreach name="info.pic" item="vo"  >              
            <div class='slick-slide lg-item-box' data-src="{$vo}" data-exthumbimage="{$vo}">
              <span>
                <img src="{$vo}" data-src='{$vo}' class="img-responsive" alt=""
                />
              </span>
            </div>
            </foreach>
          </div>
        </div>
        <div class="col-md-5 product-intro">
          <h1 class='font-weight-300'>
            <!-- <?php echo $prodList[$id]['title'] ?> -->
            {$info['title']}
          </h1>
          <p class="description">
            <!-- <?php echo $prodList[$id]['des'] ?> -->
             {$info['des']}
          </p>
        </div>
      </div>
    </div>
  </div>

  <div class="met-showproduct-body">
    <div class="container">
      <div class="row">
        <div class="col-md-9 product-content-body">

          <div class="panel product-detail">
            <div class="panel-body">
              <ul class="nav nav-tabs nav-tabs-line met-showproduct-navtabs affix-nav">
                <li class="active">
                  <a data-toggle="tab" href="#product-details" data-get="product-details">详细信息</a>
                </li>

              </ul>
              <div class="tab-content">
                <div class="tab-pane met-editor lazyload clearfix active" id="product-details">
{$info['content']}
                </div>

              </div>
            </div>
          </div>

        </div>

        <!--右侧开始-->
        <div class="col-md-3">
          <div class="panel product-hot">
            <div class="panel-body">
              <h2 class="margin-bottom-15 font-size-16 font-weight-300">热门推荐</h2>
              <ul class="blocks-2 blocks-sm-3 mob-masonry" data-scale='1'>

                <foreach name="prodList" item="vo"  >
                <li>
                  <a href="{$vo['url']}" target="_blank" class="img" title="{$vo['title']}">
                    <img class="cover-image" src="{$vo['thumburl']}" style="height:200px;" alt="<?php echo $vo['title'] ?>">
                  </a>
                  <a href="{$vo['url']}" target="_blank" class="txt" title="{$vo['title']}">
                    {$vo['title']}
                  </a>
                </li>
                </foreach>
              </ul>
            </div>
          </div>
        </div>
        <!--右侧结束-->

      </div>
    </div>
  </div>
</div>

<include file="Public/footer" />